<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="答题后台Js/jquery-3.4.1.js"></script>
    <link rel="stylesheet" href="答题后台css/zuo-container.css">
    <link rel="stylesheet" href="答题后台css/index.css">
    <link rel="stylesheet" href="答题后台css/menu.css">
    <link rel="stylesheet" href="答题后台css/system.css">
    <link rel="stylesheet" href="iconfont/iconfont.css">
    <link rel="stylesheet" href="答题后台css/cover.css">
    <script src="答题后台Js/menu.js"></script>
    <script src="答题后台Js/ajax.js"></script>
    <script src="答题后台Js/table.js"></script>
</head>
<body>
<div class="container">
    <div class="left">
        <div class="one-menu">
            <i class="iconfont icon-drxx08" ></i>
            <span>用户权限</span>
        </div>
            <div class="child-menu" style="display: none">
                <ul>
                    <li class="item-user"><i class="iconfont icon-yonghuliebiao" ></i>用户列表</li>
                    <li class="item-limits"><i class="iconfont icon-quanxianguanli"></i>权限管理</li>
                </ul>
            </div>
        <div class="one-menu-two">
            <i class="iconfont icon-zhaoshangxiaochengxu-shouye" ></i>
            <span>小程序首页</span>
        </div>
        <div class="child-menu-two" >
            <ul>
                <li class="item-slide "><i class="iconfont icon-liebiao-dian" ></i>轮播图</li>
                <li class="item-system "><i class="iconfont icon-jieshao"></i>体系介绍</li>
            </ul>
        </div>
        <div class="one-menu-three">
            <i class="iconfont icon-tiku" ></i>
            <span>题目模块</span>
        </div>
        <div class="child-menu-three" style="display: none">
            <ul>
                <li class="item-title "><i class="iconfont icon-liebiaolist36" ></i>题目列表</li>
            </ul>
        </div>
        <div class="one-menu-for">
            <i class="iconfont icon-huodong" ></i>
            <span>课程活动</span>
        </div>
        <div class="child-menu-for" style="display: none">
            <ul>
                <li class="item-course"><i class="iconfont icon-kechengliebiao" ></i>课程列表</li>
                <li class="item-sort"><i class="iconfont icon-liebiao"></i>类别列表</li>
                <li class="item-activity"><i class="iconfont icon-kecheng"></i>活动列表</li>
            </ul>
        </div>
        <div class="one-menu-five">
            <i class="iconfont icon-tiku" ></i>
            <span>题库模块</span>
        </div>
        <div class="child-menu-five" style="display: none">
            <ul>
                <li class="item-bank"><i class="iconfont icon-liebiao" ></i>题库列表</li>
            </ul>
        </div>
    </div>
    <div class="right slide-right" >
        <div class="top">
            <i class="iconfont icon-shuxiangbuju"></i> <span>轮播图</span>
            <div class="xia"> <i  class=" iconfont icon-xia"></i></div>
           <div class="upload"> <i class=" iconfont icon-shangchuantouxiang"></i></div>
        </div>
        <div class="bottom">
            <div class="add">
                <span>添加</span>
            </div>
            <div class="lio">
        <table>
            <thead>
            <th class="use1">序号</th>
            <th class="use2">滚动栏标题</th>
            <th class="use3">跳转链接</th>
            <th class="use4">滚动栏图片</th>
            <th class="use5">管理</th>
            </thead>
        <tbody id="slideList">

        </tbody>
        </table>
            </div>
        </div>
    </div>
    </div>
</div>
<div class="cover" id="register">
    <div class="dialog">
        <div class="header">
            <div class="dialog-title">标题</div>
            <span class="header-right hover-cursor">x</span>
        </div>
        <div class="content">
              <lable>
                  <div class="use1">
                      <span>标题：</span>
                      <input type="text" class="bannerName">
                  </div>
              </lable>
            <lable>
                <div class="use1">
                    <span>链接：</span>
                    <input type="text" class="bannerLink">
                </div>
            </lable>
            <lable>
                <div class="use1">
                    <span>图片：</span>
                    <input type="text" class="bannerPicture">
                </div>
            </lable>

        </div>
        <div class="footer">
            <button id="bannerAdd"class="item save hover-cursor">确定</button>
            <button class="item cancel hover-cursor">取消</button>
        </div>
    </div>
</div>
<div class="cover" id="changeCover">
    <div class="dialog">
        <div class="header">
            <input type="hidden" id="bannerId">
            <div class="dialog-title">标题</div>
            <span class="header-right hover-cursor">x</span>
        </div>
        <div class="content">
              <lable>
                  <div class="use1">
                      <span>标题：</span>
                      <input type="text" class="bannerName">
                  </div>
              </lable>
            <lable>
                <div class="use1">
                    <span>链接：</span>
                    <input type="text" class="bannerLink">
                </div>
            </lable>
            <lable>
                <div class="use1">
                    <span>图片：</span>
                    <input type="text" class="bannerPicture">
                </div>
            </lable>

        </div>
        <div class="footer">
            <button id="bannerChange"class="item save hover-cursor">确定</button>
            <button class="item cancel hover-cursor">取消</button>
        </div>
    </div>
</div>
<script>
    $(function () {
        $(".item-slide").css("color","#409Eff");
        $("#register .header-right").click(function () {
            $("#register").fadeOut(300);
        });
        $("#register .cancel").click(function () {
            $("#register").fadeOut(300);
        });

        $("#changeCover .cancel").click(function () {
            $("#changeCover").fadeOut(300);
        });
        $("#changeCover .header-right").click(function () {
            $("#changeCover").fadeOut(300);
        });
        $(".add").click(function () {
            $("#register").fadeIn(300);
        });
        $(".item-slide").click(function () {
            $(".slide-right").fadeIn(300);
        })
        $(".item-user").click(function () {
            location.href="用户列表.html"
        })
        $(".item-limits").click(function () {
            location.href="权限管理.html"
        })
        $(".item-system").click(function () {
            location.href="体系介绍.html"
        })
        $(".item-title").click(function () {
            location.href="题目列表.html"
        })
        $(".item-course").click(function () {
            location.href="课程列表.html"
        })
        $(".item-sort").click(function () {
            location.href="类别列表.html"
        })
        $(".item-activity").click(function () {
            location.href="活动列表.html"
        })
        $(".item-bank").click(function () {
            location.href="题库列表.html"
        })
    });
</script>
</body>
</html>